<template>
  <header class="head-top">
    <a href="javascript:void(0)" class="backbtn" @click="backClick"></a>
    <div class="content">商品列表</div>
    <a href="javascript:void(0)" class="more"></a>
  </header>
</template>
 
<script>
export default {
    methods:{
        backClick() {
            this.$router.back();
        }
    }
};
</script>
 
<style scoped lang = "stylus">
.head-top
    display flex
    justify-content space-between
    align-items center
    color #333
    background #fff
    width 100%
    height .5rem
    padding 0 10px
    border-bottom 1px solid #f3f3f3
    text-align center
    a.backbtn
        background url(../../assets/img/topIco.png) 0 0 no-repeat
        background-size 35px auto

    a.more
        background url(../../assets/img/topIco.png) 0 -70px no-repeat
        background-size 35px auto
    a   
        display inline-block
        width .35rem
        height .35rem
    
    .content 
        height .5rem
        line-height .5rem
        flex 1

</style>